<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" href="../../gameStyle.css" type="text/css" />
        <script type="text/javascript" src="http://lib.ivank.net/ivank.js"></script>
        <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
        <script type="text/javascript" src="../types.js"></script>
        <script type="text/javascript" src="../button.js"></script>
        <script type="text/javascript" src="../timer.js"></script>
        <script type="text/javascript" src="../menu.js"></script>
        <script type="text/javascript" src="../nextlevelMenu.js"></script>
        <script type="text/javascript" src="../level.js"></script>
        <script type="text/javascript" src="levelPi.js"></script>
        <script type="text/javascript" src="unitCircle.js"></script>
    </head>
    <body onload="Start();" >

        <canvas id="canvas" width="740" height="500"></canvas>
        <script type="text/javascript">
            var currentLevel = 5;
            var canvas = document.getElementById("canvas");
            var cwidth = canvas.getAttribute("width");
            var cheight = canvas.getAttribute("height");
            var mouseX;
            var mouseY;
            
            function Start(){
                var stage = new Stage("canvas");
                
                stage.addChild(new PiLevel(),0);
                var level = stage.getChildAt(0); 
                //level.type = typeJoke;
                intervalID = window.setInterval(level.run, 1000 / 60);
            }
            
            jQuery(document).ready(function(){
                $(document).mousemove(function(e){
                    mouseX = e.pageX;
                    mouseY = e.pageY;
                }); 
            })
            
        </script>
        
        
    </body>
</html>
